<template>
    <t-card style="height: calc(100vh - 166px);margin: 20px;":style="dynamicWidthStyle">
       
        <RouterView />
    </t-card>
    
</template>

<script setup>
import { useAsiderStore } from '@/stores/asider';
import { computed } from 'vue';
const asiderStore = useAsiderStore()
const dynamicWidthStyle = computed(() => {
  const offset = asiderStore.width == 200 ? 240 : 108; // 当 width 为 68 时，减少 offset
  return {
    width: `calc(100vw - ${offset}px)`
  };
});




</script>